Beware user-uploaded content. 注意處理使用者上傳的圖片
使用使用者上傳的圖片時,我們無法像處理自己的圖片那樣隨意調整對比度、顏色或裁剪。
雖然我們不能完全控制使用者上傳的內容,但有幾個簡單方法可以讓這些圖片更好地融入網頁設計:
Control the shape and size 設定固定的圖片顯示框
當多張圖片大小不一時,容易讓頁面看起來很亂。最好的解決方法是:把圖片放在固定大小的顯示框裡,並居中顯示。


實現方法很簡單:用CSS把圖片設為背景圖,再設定background-size: cover就可以了。

Prevent background bleed 處理圖片邊界問題
有時候使用者上傳的圖片顏色和網頁背景色太接近,圖片邊界會看不清。

新增細微效果:不用給圖片加邊框,用淡淡的內陰影效果就夠了。這樣看起來更自然,很多人甚至注意不到陰影的存在。如果不喜歡內陰影效果,也可以用半透明的細邊框來代替。

